﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OutstandingBalancesReport.aspx.cs" Inherits="WeddingEventManagementApp.OutstandingBalancesReport" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Text="Client: "></asp:Label>
        <asp:DropDownList ID="drpClientName" runat="server" Width="179px">
        </asp:DropDownList>
        &nbsp; Start Date:
        <asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox>
&nbsp;&nbsp; End Date:
        <asp:TextBox ID="txtEndDate" runat="server"></asp:TextBox>
&nbsp;
        <asp:Button ID="btnViewReport" runat="server" OnClick="btnViewReport_Click" Text="View Report" />
&nbsp;<rsweb:ReportViewer ID="ReportViewer1" runat="server" Height="818px" Width="865px" ShowRefreshButton="False"></rsweb:ReportViewer>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    </div>
    </form>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <script>    
        $("#txtStartDate").datepicker({
            changeMonth: true,
            changeYear: true
        });
        $("#txtEndDate").datepicker({
            changeMonth: true,
            changeYear: true
        });
    </script>
</body>
</html>
